<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?=$product['title']?></title>
    <link href="<?=$product['path']?>static/css/style.css" rel="stylesheet">
    <style type="text/css">
    	html,body{height:100%;}
		.pro-container{width:100%;max-width: 600px;min-width: 320px;margin:0 auto;position: relative;height: 100%}
		.banner-item{width:100%;height:100%;position: absolute;top:0;left:0;background-size: cover;}
		#btn_buy{background-color: red;color:#fff;position: absolute;bottom:10px;right:16px;padding:10px 16px;border-radius: 3px;}
		.pro-title{font-size: 16px;line-height: 25px;color:#222;}
		.pro-price{color: red;font-size: 32px}
		.pro-price span{font-size: 18px}
		.pro-info{width:100%;padding: 0 8px;box-sizing: border-box;position: relative;}
		.pro-content{width:100%;min-height:100px;overflow: hidden;margin-top: 20px}
    .pro-content img{max-width: 100%}
		#pro-buy{width:100%;max-width: 700px;min-width: 320px;height:100%;background-color: #ccc;display: none;position:fixed;top:0;left: 0}
    .swiper-container,.swiper-slide{
      background-size: cover;
      width:100%;
      height:0;
      padding-bottom: 100%
    }
    .swiper-pagination-bullet-active{background-color: red}
	</style>
  </head>
  <body>
  	<div class="pro-container">
      <div class="swiper-container">
        <img src="<?=$product['img_banners']?>"/>
      </div>
  		<div class="pro-info">
			<h4 class="pro-title"><?=$product['title']?></h4>
			<?php if($product['price']==$product['price_base']):?>
        <p><?=$tran['price']?><s><?=$product['currency_symbol']?><?=$product['price_base']?></s></p>
				<h3 class="pro-price"><span><?=$product['currency_symbol']?></span><?=$product['price']?></h3>
			<?php else:?>
        <p><?=$tran['price']?></p>
				<h3 class="pro-price"><span><?=$product['currency_symbol']?></span><?=$product['price']?></h3>
			<?php endif;?>
			<a id="btn_buy" href="<?php echo site_url('buy/'.$product['uri']);?>"><?=$tran['buy']?></a>
  		</div>
  		<div class="pro-content">
        <?=$product['content']?>
      </div>
  	</div>
    <script src="<?=$product['path']?>static/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
    	var thumbs = <?=$product['img_banners']?>;
      $('.swiper-wrapper');
      $.each(thumbs,function(key,item){
        banner.append('<div class="swiper-slide" style="background-image:url('+item.path+');"><img src="" /></div>');
      })
        	
    </script>
    
  </body>
</html>